<style>

#houseInfoShow .propKey{
color: gray;
}


.propInputVal {
-webkit-box-shadow:5px 10px 6px #acacac;-moz-box-shadow:5px 5px 6px #acacac;

}

.propVal{
  width:50px;
}
.propViewVal{
  background:transparent;border:0;
  color:#45649E;
}

.up_button {
margin: 0 auto;
height: 48px;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
position: relative;
}

</style>

<div id="houseInfoShow" class='panel'>
  <div class="panelbar">
    户型
  </div>
  <div>
<!-- 
  <ul style="margin:10px; line-height:20px;">
    
    <li><span class='propKey'>楼盘 </span><input class='propVal' id='name'value='点击这里'/></li>
    <li><span class='propKey'>户型 </span><input class='propVal' id='roomcount' value='点击这里'/></li>
    <li><span class='propKey'>面积 </span><input class='propVal' id='area' value='点击这里'/></li>
    <li><span class='propKey'>地址 </span><input class='propVal' id='address' value='点击这里'/></li>
    <li><span class='propKey'>开发商 </span><input class='propVal' id='supply' value='点击这里'/></li>
    <li><span class='propKey'>描述 </span><br><textarea class='propVal' id='description'>点击这里</textarea></li>
  </ul>
 -->
   <ul style="margin:10px; line-height:30px;">
    
    <li class='prop' id='pname'><span class='propKey'>楼盘 </span><span id="pnameval" ><input id='nameval' class='propVal' value='点击这里'/></span></li>
    <li class='prop' id='proomstype'><span class='propKey'>户型 </span><span id="proomstyleval" ><input id='roomstypeval' class='propVal' value='点击这里'/></span></li>
    <li class='prop' id='parea'><span class='propKey'>面积(平方米) </span><span id="pareaval" ><input id='areaval' class='propVal' class='propVal' value='点击这里'/></span></li>
    <li class='prop' id='paddress'><span class='propKey'>地址 </span><span id="paddrval" ><input id='addrval' class='propVal'  value='点击这里'/></span></li>
    <li class='prop' id='psupply'><span class='propKey'>开发商 </span><span id="psupplyval" ><input id='supplyval' class='propVal' value='点击这里'/></span></li>
    <li class='prop' id='pdesc'><span class='propKey'>描述 </span><br><span id="pdescval" ><textarea id='descval' class='propVal' >点击这里</textarea></span></li>
  </ul>
  
  </div>
  <!--
  <div class="up_button " id="alloy_icon_app_50_3_icon_div" style="">
    <img id='arrow_up' class="appButton_appIconImg" src=<?php echo Yii::app()->baseUrl."/images/panel/arrow.png"?> alt="向上" >
  </div>

  <div id="roomStyleView" style="width: 100%; height:200px;overflow: hidden;">
    <div id='roomStyleList' style="width: 100%; height:1000px; margin-top:-122px">
    </div>
  </div>
  
  <div class="up_button" id="alloy_icon_app_50_3_icon_div" style=background:url(<?php echo Yii::app()->baseUrl.'/images/panel/arrow.png'?>)>
    <img id='arrow_down' class="appButton_appIconImg" src=<?php echo Yii::app()->baseUrl."/images/panel/arrow.png"?> alt="向下" >
  </div>
  
  <div class="panelbar">
    <a class='cleroom'href="#">清空</a>
    <a class='delroom'href="#">删除</a>
    <a class='exproom'href="#">引用</a>
    <a class='improom'href="#">入库</a>
    <a class='okroom'href="#">确定</a>
  </div>
-->
</div>

<script>
$(function(){
      /*
        $('#houseInfoShow').draggable({
            cursor : 'crosshair',
            handle : ".draghandle",
            containment : '.stage',
            scroll : false
        });
      */
              
        var curVal=null;
         $('.prop .propVal').addClass('propViewVal').click(function(){
          $(this).removeClass('propViewVal').addClass('propInputVal');
          curVal=$(this).val();
          if(curVal=='点击这里'){
            $(this).val('');
          }
        }).focusout(function(){
          $(this).removeClass('propInputVal').addClass('propViewVal');
          if($(this).val().length==0){
            $(this).val(curVal);
          }
        });
        /*
        $('.prop ').click(function(){
          var p="#"+$(this).attr('id');
          $(p+" .propVal").empty();
          $(p+" .propHideVal").removeClass('propHideVal').addClass('propInputVal');
          $(p+" .propInputVal :first").focus().blur(function(){
            var val=$(this).val();
            if(val.length==0) val='点击这里';
             $(p+" .propInputVal").removeClass('propInputVal').addClass('propHideVal');
             $(p+" .propVal").html(val);    
          });
          
        });*/
});

</script>